<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <!-- 网络来源图片 用meta标签获取 -->
    <meta name="referrer" content="never" />
    <title>小米</title>
    <link rel="stylesheet" type="text/css" href="../css/xiaomi.css" />
    <link rel="stylesheet" type="text/css" href="../css/commen.css" />
    <link rel="stylesheet" type="text/css" href="../js/iconfont.css" />
    <link rel="stylesheet" href="../css/banner.css" />
    <!-- <link rel="stylesheet" href="../css/detailList.css" /> -->
    <link rel="stylesheet" href="../css/list_index.css" />
  </head>
  <body>
    <!-- 模拟页面的吸顶部分 -->
    <div class="searchTop">
      <input type="text" placeholder="我是页面吸顶的搜索栏" />
      <button>搜索</button>
    </div>
    <!-- 右侧固定 -->
    <div class="fixed">
      <a name="oLi" class="fixedBox txt">
        <img class="img1" src="../img/images/fex1-1.png" />
        <img class="img2" src="../img/images/fex1.png" style="display: none" />
        <br />
        <span>食品酒水</span>
      </a>
      <!--  -->
      <a name="oLi" class="fixedBox txt">
        <img class="img1" src="../img/images/fex2-2.png" />
        <img class="img2" src="../img/images/fex2.png" style="display: none" />
        <br />
        <span>童装玩具</span>
      </a>
      <!--  -->
      <a name="oLi" class="fixedBox txt">
        <img class="img1" src="../img/images/fex3-3.png" />
        <img class="img2" src="../img/images/fex3.png" style="display: none" />
        <br />
        <span>奶粉尿裤</span>
      </a>
      <!--  -->
      <a name="oLi" class="fixedBox txt">
        <img class="img1" src="../img/images/fex4-4.png" />
        <img class="img2" src="../img/images/fex4.png" style="display: none" />
        <br />
        <span>家装建材</span>
      </a>
      <!--  -->
      <a name="oLi" class="fixedBox txt">
        <img class="img1" src="../img/images/fex5-5.png" />
        <img class="img2" src="../img/images/fex5.png" style="display: none" />
        <br />
        <span>其他</span>
      </a>
      <a name="back" class="fixedBox txt">
        <img class="img1" src="../img/images/fex5-5.png" />
        <img class="img2" src="../img/images/fex5.png" style="display: none" />
        <br />
        <span>返回顶部</span>
      </a>
      <!--  -->
    </div>
    <!-- 头部 -->
    <div class="header">
      <div class="head wid auto">
        <div class="hedLeft">
          <ul>
            <li><a href="">用户名</a><span>|</span></li>
          </ul>
        </div>
        <div class="hedRight fr">
          <ul>
            <li><a href="#" name="login">登录</a><span>|</span></li>
            <li><a href="./reg2.html?./index.html">注册</a><span>|</span></li>
            <li><a href="#" name="logout">退出登录</a></li>
            <li><a href="#" name="cart">购物车</a></li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 搜索 -->
    <div class="searchTop2">
      <input type="text" placeholder="我是页面吸顶的搜索栏" />
      <button>搜索</button>
    </div>
    <!-- banner nav部分 -->
    <div class="bannerAll wid auto">
      <div class="navBox fl">
        <ul>
          <li><a href="#" name="1">食品酒水</a></li>
          <li><a href="#" name="1">童装玩具</a></li>
          <li><a href="#" name="1">家装建材</a></li>
          <li><a href="#" name="1">奶粉尿裤</a></li>
          <li><a href="#" name="1">食品酒水</a></li>
          <li><a href="#" name="1">童装玩具</a></li>
          <li><a href="#" name="1">家装建材</a></li>
          <li><a href="#" name="1">奶粉尿裤</a></li>
          <li><a href="#" name="1">其他</a></li>
          <li><a href="#" name="1">其他</a></li>
        </ul>
      </div>
      <div class="btn">
        <div class="leftBtn txt fl"><img src="../img/images/img2.png" /></div>
        <div class="rightBtn txt fr"><img src="../img/images/img1.png" /></div>
      </div>
      <div class="banner">
        <!-- <img src="../img/images/banner2.jpg" alt="" /> -->
        <ul></ul>
        <ol></ol>
      </div>
    </div>
    <!-- 瀑布流部分 -->
    <div class="detailList">
      <div class="bear">食品酒水</div>
      <ul class="cart1 cartO"></ul>
      <div class="bear">童装玩具</div>
      <ul class="cart2 cartO"></ul>
      <div class="bear">奶粉尿裤</div>
      <ul class="cart3 cartO"></ul>
      <div class="bear">家装建材</div>
      <ul class="cart3 cartO"></ul>
      <div class="bear">其他</div>
      <ul class="cart4 cartO"></ul>
    </div>
    <script src="../tools/jquery.min.js"></script>
    <script src="../js/cookie.js"></script>
    <script src="../js/lead.js"></script>
    <script src="../js/banner.js"></script>
    <script src="../js/myAjax.js"></script>
    <script src="../js/detail.js"></script>
    <script src="../js/tools.js"></script>
    <script src="../js/index.js"></script>
  </body>
</html>
